<script type="text/javascript" language="javascript" src="__PUBLIC__/js/jquery.form.js"></script>
<form id="form_excelImport_info" method="post" enctype="multipart/form-data">
    <table class="table table-hover form-inline">
        <tr>
            <td class="tdleft" width="20%">{:L('FILE_SPECIFICATION')}</td>
            <td>{:L('IMPORT_EXCEL_FILE_PAY_ATTENTION_TO_THE_CHOICE_OF_THE_DATA_CONTENT')}
                <p>{:L('Allow_type_XLS_no_more_than_20MB_file_total_size')}</p></td>
        </tr>
        <tr>
            <td class="tdleft">{:L('SELECT_IMPORT_FILE')}</td>
            <td><p id="attachment1"><input type="file" id="file" name="excel"/></p><p style="color:red">{:L('IMPORT_FILE_PLEASE_BE_SURE_TO_USE_PROPRIETARY_DATA_WHEN_THE_IMPORT_TEMPLATE')}&nbsp;<a href="{:U('integral/excelImportDownload')}">{:L('NOKIA_MONITOR_TEST')}</a></p></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>
                <div style="float: right;">
                    <button type="button" id="submit" class="btn btn-primary" role="button" ><span class="ui-button-text">确定</span></button>
                    <button type="button" class="btn" role="button" aria-disabled="false" onclick="javascript:$('#dialog-import').dialog('close');"><span class="ui-button-text">取消</span></button>
                </div>
            </td>
        </tr>
    </table>
</form>
<div id="importcontent" style="display:none">
    <div style="padding:10px;background-color:#f9f9f9;border:1px solid #f6f6f6;">
        共<span id="all_rows" style="color:green"></span>条数据，导入至第<span id="this_rows" style="color:green"></span>条，导入成功<span id="success_rows" style="color:green"></span>条，导入失败<span id="error_rows" style="color:red"></span>条
        <span id="import"></span>
    </div>
    <div id="error_message" style="color:red;height:250px"></div>
    <div style="float: right;">
        <a class="btn btn-primary" href="{:U('integral/index')}">确定</a>
    </div>
</div>
<div style="display:none" id="dialog-role-list" title="{:L('CHOOSE_HEAD_OF_THE_CUSTOMER')}">loading...</div>
<script type="text/javascript">
    $("#submit").click(function(){
        $("#form_excelImport_info").ajaxSubmit({
            type:'post',
            url:'{:U("integral/excelImport")}',
            success:function(data){
                if(data.status == 1){
                    $("#form_excelImport_info").hide();
                    $("#importcontent").show();

                    //隐藏dialog右上角 “x”
                    $(".ui-dialog-titlebar-close").hide();

                    var owner_role_id = $("#owner_id").val();
                    var num = 3;
                    update(num, data.data, owner_role_id, $('input[name=is_jump]:checked').val());
                }else{
                    alert_crm('导入文件时出错！');
                }
            }
        });
    });
    var success_rows = 0;
    var error_rows = 0;
    function update(no,path,owner_role_id,is_jump){
        var url = "{:U('integral/excelImportact','num=')}"+no+'&path='+path+'&owner_role_id='+owner_role_id+'&is_jump='+is_jump;
        $.get(url,function(data){
            if(data.status == 1){
                $.each(data.data.message, function(k, v){
                    if(v.error_message){
                        error_rows ++;
                        $('#error_message').append('<p style="padding:3px;">第"'+v.no+'"行出错,"'+v.error_message+'"</p>');
                    }else{
                        success_rows ++;
                    }
                    $("#this_rows").html(v.no-2);
                    $("#success_rows").html(success_rows);
                    $("#error_rows").html(error_rows);
                });
                $("#all_rows").html(data.data.allrow -2);
                if(no+99 < data.data.allrow ){
                    $("#import").html('正在导入...');
                    update(no+101,path,owner_role_id)
                }else{
                    $("#import").html('<span style="color:green">导入成功</span><a href="{:U('customer/index')}">刷新</a>');
                }
            }else if(data.status == 2){
                alert_crm(data.data);
            }else{
                alert_crm(data.info);
            }
        });
    }

    $("#dialog-role-list").dialog({
        autoOpen: false,
        modal: true,
        width: 600,
        maxHeight: 400,
        buttons: {
            "确定": function () {
                var item = $('input:radio[name="owner"]:checked').val();
                var name = $('input:radio[name="owner"]:checked').attr('rel');
                $('#owner_name').val(name);
                $('#owner_id').val(item);
                $(this).dialog("close");
            },
            "取消": function () {
                $(this).dialog("close");
            }
        },
        position: ["center", 100]
    });
    $(function(){
        $('#owner_name').click(
            function(){

                $('#put_poor').removeAttr("checked");

                $('#dialog-role-list').dialog('open');
                $('#dialog-role-list').load("{:U('user/listDialog')}");
            }
        );
        /*$('#putremove').click(
            function(){
                $('#owner_id').attr('value', '');
                $('#owner_name').attr('value', '');
            }
        );*/

        //导入客户是否放入客户公海
        $('#put_poor').click(function(){
            if ($(this).is(':checked')) {
                $('#owner_id').val('');
                $('#owner_name').val('');
            } else {
                $('#owner_id').val("{$Think.session.role_id}");
                $('#owner_name').val("{$Think.session.name}");
            }
        });
    });
</script>